Utilisateur:Maimonid/Modèle déroulante/Documentation
Utilisation[modifier | modifier le code]
- Cette documentation concerne
- le modèle {{déroulante/début}} (qui s’utilise avec {{déroulante/fin}}) et permet de mettre un contenu utilisant des caractères interdits à l'intérieur d'un modèle (symboles "=", "|"), ainsi que des retours de lignes, etc.
Recommandations (voir Aide:Boîte déroulante et autres modèles déroulants) :
- Ne pas utiliser de "déroulante" à l’intérieur d’une "boîte déroulante": les "boîte déroulante"s sont un modèle différent et incompatible avec le présent modèle.
- Utiliser avantageusement {{déroulante/début}} pour mettre un tableau dans une boite déroulante.
Utilisation : pour {{déroulante}}
{{déroulante|titre=TITRE|contenu=CONTENU}} OU {{déroulante |titre=TITRE |contenu=CONTENU |alignB = ALIGNB |selection = SELECTION |margeGauche = MARGEGAUCHE |margeGaucheT = MARGEGAUCHET |margeDroite = MARGEDROITE |margeDroiteT = MARGEDROITET |margeGaucheInterne = MARGEGAUCHEINTERNE |margeGaucheInterneT = MARGEGAUCHEINTERNET |margeDroiteInterne = MARGEDROITEINTERNE |margeDroiteInterneT = MARGEDROITEINTERNET |margeHaut = MARGEHAUT |margeHautT = MARGEHAUTT |margeBas = MARGEBAS |margeBasT = MARGEBAST |align=ALIGN |alignT=ALIGNT |arrondi = ARRONDI |arrondiT = ARRONDIT |hauteur = HAUTEUR |hauteurT = HAUTEURT |largeur=LARGEUR |largeurT=LARGEURT |couleurBordure = COULEURBORDURE |couleurBordureT = COULEURBORDURET |couleurFond = COULEURFOND |couleurFondT = COULEURFONDT |épaisseurBordure = ÉPAISSEURBORDURE |épaisseurBordureT = ÉPAISSEURBORDURET |couleurF = COULEURF |couleurTexte = COULEURTEXTE |couleurTexteT = COULEURTEXTET |poidsFonte = POIDSFONTE |poidsFonteT = POIDSFONTET |tailleFonte = TAILLEFONTE |tailleFonteT = TAILLEFONTET |styleFonte = STYLEFONTE |styleFonteT = STYLEFONTET }}
Utilisation : pour {{déroulante/début}}
{{déroulante/début|titre=TITRE|paramètres}} Contenu {{déroulante/fin}}
Exemple:
{{déroulante/début|titre=Les chiens|largeurT=16%|largeur=60%|alignB=center|alignT=right Contenu {{déroulante/fin}}
donne
Modèle:Déroulante/début Contenu Modèle:Déroulante/fin
Paramètres nécessaires | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
paramètre | effet | valeurs possibles | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
titre |
Titre affiché de la boîte | Totalement libre, mais le caractère « | » par exemple ne passe pas. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
contenu |
Texte contenu dans la boîte | Totalement libre, mais certains caractères spéciaux ne passent pas, comme la barre verticale. Utiliser dans ce cas :{{déroulante/début}} contenu {{déroulante/fin}} .
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Paramètres facultatifs | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
paramètre | effet | valeur par défaut | valeurs possibles | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
selection |
affiche [Afficher/masquer] à droite du titre | 0 |
0 , 1 , vide (équivalent à 0)
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
alignB |
positionnement global de la boîte | left |
left , right , center , gauche , centre , droite
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeGauche |
indentation de la partie inférieure (état déplié) | 0px |
dimension (px, em, %) . Cela inclut la bordure de la partie supérieure | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeGaucheT |
indentation gauche de la partie supérieure (titre) | 0px |
dimension (px, em, %). Cela inclut la bordure de la partie supérieure | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeDroite |
indentation droite de la partie inférieure (état déplié) | 0px |
dimension (px, em, %). Cela inclut la bordure de la partie supérieure | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeDroiteT |
indentation droite de la partie supérieure (titre) | 0px |
dimension (px, em, %). Cela inclut la bordure de la partie supérieure | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeHaut |
espace vertical entre partie supérieure et inférieure (état déplié) | 0px |
dimension (px, em, %) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeHautT |
espace vertical précédant la partie supérieure | 0px |
dimension (px, em, %) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeBas |
espace vertical après la partie inférieure (état déplié) | 0px |
dimension (px, em, %) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeBasT |
espace vertical après la partie supérieure (état plié) | 0px |
dimension (px, em, %) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
align |
positionnement du contenu à l'intérieur de la partie inférieure (état déplié) | left |
left , center , right , gauche , centre , droite
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
alignT |
positionnement du titre à l'intérieur de la partie supérieure | left |
left , center , right , gauche , centre , droite
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeGaucheInterne |
indentation gauche du contenu de la partie inférieure (état déplié) | 0px |
dimension (px, em, %). L'indentation est relative à l'indentation globale du contenu, fixée par align
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeGaucheInterneT |
indentation gauche du titre | 0px |
dimension (px, em, %). L'indentation est relative à l'indentation globale du titre, fixée par alignT
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeDroiteInterne |
indentation droite du contenu de la partie inférieure (état déplié) | 0px |
dimension (px, em, %). L'indentation est relative à l'indentation globale du contenu, fixée par align
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
margeDroiteInterneT |
indentation droite du titre | 0px |
dimension (px, em, %). L'indentation est relative à l'indentation globale du titre, fixée par alignT
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
hauteurT |
hauteur de la partie supérieure (titre) | 1.6 em |
dimension dimension (px, em, %). Ne pas mettre une hauteur inférieure à 1.6em sous peine d’effets indésirables | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
largeur |
largeur de la partie inférieure | 100% |
dimension (px, em, %) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
largeurT |
largeur de la partie supérieure (titre) | 100% |
dimension (px, em, %) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
épaisseurBordure |
épaisseur bordure de la partie inférieure | 1px |
dimension (px, em, %) , peut être mis à 0px | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
épaisseurBordureT |
épaisseur bordure de la partie supérieure | 0px |
dimension (px, em, %) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
arrondi |
arrondi des angles | 0px (désactivé) |
Les angles peuvent apparaître arrondis si le navigateur le permet. Visible sur les navigateurs Mozilla, non visible sur Internet Explorer. Valeur conseillée : 0.6em , s’exprime en pt, px ou em
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
tailleFonte |
taille de la fonte du contenu | small |
medium , small etc. (cf. attributs css)
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
tailleFonteT |
taille de la fonte du titre | small |
medium , small etc. (cf. attributs css)
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
poidsFonte |
poids de la fonte du contenu | normal |
normal , bold etc. (cf. attributs css)
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
poidsFonteT |
taille de la fonte du titre | normal |
normal , small etc. (cf. attributs css)
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
styleFonte |
style de la fonte du contenu | normal |
normal , italic etc. (cf. attributs css)
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
styleFonteT |
style de la fonte du titre | normal |
normal , small etc. (cf. attributs css)
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
couleurBordure |
couleur de la bordure boîte inférieure dépliée | #AAAAAA |
Expression de couleur valide exemples : black, #C080FF, … Table des couleurs
Page d’aide principale : Aide:Couleurs
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
couleurBordureT |
couleur de la bordure partie supérieure | transparent |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
couleurFond |
couleur fond du contenu | transparent |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
couleurFondT |
couleur fond du titre | transparent |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
couleurF |
couleur fond de la flèche | transparent |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
couleurTexte |
couleur texte du contenu | black |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
couleurTexteT |
couleur texte du titre | black |
Exemples[modifier | modifier le code]
Exemple 1 : Modèle:Déroulante
Exemple 2 : Modèle:Déroulante
Exemple 3 : Modèle:Déroulante
Exemple 4 : Modèle:Déroulante
Exemple 5 : Modèle:Déroulante
Exemple 6 : Modèle:Déroulante
Exemple 7 : Modèle:Déroulante
Exemple 8 : Modèle:Déroulante
Exemple 9 : Modèle:Déroulante
Exemple 10 :
On peut avantageusement utiliser la déroulante pour créer des listes déroulantes :
- Début de la liste ;
- notons que c'est le modèle "déroulante/début . . . déroulante/fin" qui est utilisé ci-dessous, pas le modèle "déroulante" ;
- début d'une sous-liste (on introduit à la fin de cette ligne un retour de ligne, mais pas un saut de ligne) ;
- pour obtenir cela, on a fixé le paramètre "margegaucheT" à 2em (i.e. indentation double) ;
- et le paramètre "margeGauche" à 3em ;
- À part ça, on a utilisé une liste ordinaire à l'intérieur de la boîte (étoiles).
- fin de la liste.
Exemple 11: en reprenant le style d'une boîte déroulante classique: Modèle:Déroulante/débuttexte Modèle:Déroulante/fin
Bugs et points particuliers[modifier | modifier le code]
Introduire une image dans le titre de la boîte[modifier | modifier le code]
Le problème est que si l'utilisateur clique sur l'image, c'est le fichier de l'image qui s'ouvre et pas la boîte déroulante. La solution est d'ajouter "link=" (avec un argument vide) dans les paramètre du lien de l'image.
Exemple : {{déroulante|titre =[[File:Soft245.png|link=]]|contenu=texte}} Ce qui donne : Modèle:Déroulante
Bugs[modifier | modifier le code]
On peut à la rigueur utiliser la déroulante à l'intérieur d'une liste, mais il faut alors prendre garde de ne pas introduire de retour de lignes ni avant, ni après, ni à l'intérieur de "déroulante". Par conséquent, il faudra utiliser des <br/> pour effectuer les retours de lignes, et placer manuellement les bullets, étoiles etc. de la liste. Par exemple, le code
*Ceci est une liste {{déroulante/début|titre=sous-liste|épaisseurBordure=0|margeGaucheInterne=1em}} * La marge gauche interne a ici été fixé à 1em (écart standart pour les listes)<br>* etc.<br/>{{déroulante/fin}}
produit :
- Ceci est une liste Modèle:Déroulante/début * La marge gauche interne a ici été fixée à 1em (écart standard pour les listes)
* etc.
Modèle:Déroulante/fin
À noter : Dans ce cas de figure, la largeur relative maximale (100%) est la largeur de la ligne restant après avoir retranché l'indentation due à la liste, sous-liste, etc.
Une bien meilleure solution est d'utiliser les paramètres de la boîte pour provoquer l'indentation, puis d'utiliser les listes habituelles à l'intérieure de la boîte. Par exemple
- Début de la liste
- item
- début d'une sous-liste (on introduit à la fin de cette ligne un retour de ligne, mais pas un saut de ligne) ;
- pour obtenir cela, on a fixé le paramètre "margegaucheT" à 2em (i.e. indentation double) ;
- et le paramètre "margeGauche" à 2em aussi ;
- À part ça, on a utilisé une liste ordinaire à l'intérieur de la boîte (étoiles).
- fin de la liste.
Template Data[modifier | modifier le code]
Ce modèle permet de mettre un texte dépourvu de barre verticale dans une boîte déroulante
Paramètre | Description | Type | État | |
---|---|---|---|---|
Titre | titre | Titre de la boîte | Chaîne | obligatoire |
Contenu | contenu | Texte à mettre en boîte | Chaîne | obligatoire |
Alignement du contenu | align | left, right, center ou justify ?
| Chaîne | facultatif |
Alignement du titre | alignT | left, right, center ou justify ?
| Chaîne | facultatif |
Alignement de la boîte | alignB | left, right, center ou justify ?
| Chaîne | facultatif |
Label | label | Texte du lien de droite
| Chaîne | facultatif |
Hauteur | hauteur | Hauteur de la boîterepliée
| Chaîne | facultatif |
Largeur | largeur | Largeur de la boîterepliée
| Chaîne | facultatif |
Couleur titre | couleurTexteT | Couleur du titre
| Chaîne | facultatif |
Titre en gras | thinning | Yes ou no
| Chaîne | facultatif |
Couleur fond titre | couleurFondT | Couleur du fond de titre
| Chaîne | facultatif |
Couleur fond boîte | couleurFondB | Couleur de fond de la boîte
| Chaîne | facultatif |
Couleur fond contenu | couleurFond | Couleur de fond du contenu
| Chaîne | facultatif |
Couleur bordure | couleurBordure | Couleur de la bordure
| Chaîne | facultatif |
Voir aussi[modifier | modifier le code]